1、首先在el-form标签加上ref和:rules属性,并且在每个el-form-item标签里定义prop属性,prop属性跟:rules里面的每项对应,如: 2、在data里面定义rules属性值 dialogFormRules: { uniqueID: [{required: true , message: '必填' }, {validator: MyValid.validSixNum}] } 3、验证表单 this .$refs[ 'dialogFormRef' ].validate((valid) => { 在这里判断valid的true或false } 4、自定义验证方法的例子: //验证长度为6的全数字 validSixNum (rule, value, callback){ var valArr = value.split( '' ); console.log( 'vali six num: ' + valArr.length); if(valArr.length != 6){ return callback(new Error('长度必须是6')); } var re = new RegExp( "^{6}[0-9]*$" ); if ( ! re.test(value)){ return callback( new Error( '必须是纯数字' )); } callback(); }
版权声明:本文为CSDN博主「weixin_34381687」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_34381687/article/details/91992541
更多相关推荐
vue表单验证的完整步骤
VUE
表单
vue表单验证的完整步骤1、首先在el-form标签加上ref和:rules属性,并且在每个el-form-item标签里定义prop属性,prop属性跟:rules里面的每项对应,如:2、在data里面定义rules属性值dialogFormRules:{uniqueID:[{requ...
vue、iview、VeeValidate 表单验证完整
javascript
(1).安装vee-validatenpminstallvee-validate--save(2).安装vue-i18nnpminstallvue-i18n--save 转载于:https://www.cnblogs.com/potholing/p/9244149.html
Vue-邮箱正则验证
javascript
前端
ViewUI
|